<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>灵魂化妆铺</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="header">
    <div>
        <span id="left">灵魂化妆铺</span>
        <span id="right" style="float: right;">
					<a href="login.html">登录</a>
					<a href="register.html">注册</a>
				</span>
    </div>
</div>
<div id="main">
    <div id="m1">
				<span>
					<img src="img/logo.png" alt="" style="vertical-align: middle;">
					<a href="#m3">热搜</a>
					<a href="#m4">历史</a>
					<a href="#m5">文学</a>
				</span>
        <span style="float:right;padding-top: 13px;">
					<input type="text" placeholder="搜索" style="width:200px;height: 20px;border-radius: 10px;text-indent: 10px;">
				</span>
    </div>
    <div id="m2">
        <img src="img/1.png" alt="">
        <img src="img/2.png" alt="">
        <img src="img/3.png" alt="">
    </div>
    <div id="m3" class="type">
        <div class="title">
            <span>热搜</span>
            <a href="#">查看更多 > </a>
        </div>
        <div class="content">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td>
                        <a href="#">
                            <img src="img/1.png" alt="">
                            <div>边城</div>
                            <div>￥99</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/2.png" alt="">
                            <div>小王子</div>
                            <div>￥66</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/3.png" alt="">
                            <div>隋唐五代史</div>
                            <div>￥999</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/4.png" alt="">
                            <div>隋唐五代史</div>
                            <div>￥999</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>隋唐五代史</div>
                            <div>￥999</div>
                        </a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="m4" class="type">
        <div class="title">
            <span>历史</span>
            <a href="#">查看更多 > </a>
        </div>
        <div class="content">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="m5" class="type">
        <div class="title">
            <span>文学</span>
            <a href="#">查看更多 > </a>
        </div>
        <div class="content">
            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tr>
                    <td>
                        <a href="#">
                            <img src="img/3.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/5.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/1.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                    <td>
                        <a href="#">
                            <img src="img/2.png" alt="">
                            <div>活着</div>
                            <div>￥88</div>
                        </a>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div id="footer">
    京公网安备 11010802099001号 © Copyright 2099. iBOOK版权所有
</div>
</body>
</html>